class Page{
			constructor(options){
				this.list = options.list;
				this.url = options.url;
				
				
				this.load()
				this.addEvent();
			}
			
			load(){
				// console.log(this.list.length)
				var that = this
				$.ajax({
					url:this.url,
					type:'get',
					data:{
						dataName:'home',
						rule:'time',
						start:1,
						count:5
					},
					
					success:function(res){
						// for(var i = 0;i<res.page_data.length;i++){
							
						// }
						//  console.log(res.page_data)
						// var price = res.page_data[0].des;
						// var title = res.page_data[0].title;
						// var goodsId = res.page_data[0].detail.auth;
						// var goodssrc = res.page_data[0].detail.auth_icon;
						// console.log(price,title,goodsId,goodssrc)
						 that.res = res;
						 that.display()
					}
				})
			}
			
			display(){

				var str = ""
				// for(var i = 0;i<this.res[1].length;i++){
					
						for(var j=0;j<this.res.page_data.length;j++){
//					if(i<this.res.length){
					str +=`<li index="${this.res.page_data[j]._id}">
								<a><img src="${this.res.page_data[j].detail.auth_icon}"/ ></a>
								<a><h3>${this.res.page_data[j].title}</h3></a>
								<span>¥${this.res.page_data[j].des}</span>
							</li>`
//					}
						}
				
				this.list.html(str)

				// for(var i=0;i<this.list.length;i++){
				// 	for(var j=0;j<this.res.page_data.length;j++){
				// 		this.list.eq(i).children("li").eq(j).attr("index",this.res.page_data[j].detail.auth)
				// 		// console.log(this.list.eq(i).children("li").eq(j).children("a:first").children('img'))
				// 		this.list.eq(i).children("li").eq(j).children("a:first").children('img').attr("src",this.res.page_data[j].detail.auth_icon)
				// 		this.list.eq(i).children("li").eq(j).children("a:last").children('h3').html(this.res.page_data[j].title)
				// 		this.list.eq(i).children("li").eq(j).children("span").html("¥"+ this.res.page_data[j].des)

				// 	}
				// }
			}
			
			addEvent(){
				var obj = $.cookie
				var that =this;
				this.list.on("click","li",function(){
					
					var a = $(this).attr("index")
					var b = $(this).parent('ul').attr("dataName")
					var c = JSON.stringify({"index":a,"dataName":b})

					obj("goodsdetail",c)
					 location.href="goodsdetail.html"
					// console.log(JSON.parse(obj("goodsdetail")))
				})
			}
			
		}
		new Page({
			list:$("article").children("ul.xia"),
			// url:"data/goods.json",
			url:"api/product",
		
			
			
		})
//		